<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>Keybind</title>
	<script src="../commons/prototype.js" type="text/javascript" charset="utf-8"></script>
	<script src="keybind.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript" charset="utf-8">
		/*keybind([
			{key: '/', modifier: 'ctrl', fn: 'alert("ctrl + / pressed!")' },
			{key: 'left', modifier: 'ctrl', fn: 'alert("ctrl + left pressed!")'},
			{key: 'down', modifier: 'cmd', fn: 'alert("cmd + down pressed!")', os: 'mac'}
		]);*/
		
		
		Event.observe(document, 'keyup', function(event){ 
			var x = '000' + event.keyCode;
			$('main').innerHTML += '<br />' + (event.ctrlKey + ' ' + event.altKey + ' ' + event.shiftKey + ' ' + ' ' + event.metaKey + ' ' + event.keyCode + ' ' + event.modifiers + ' ' + String.fromCharCode(event.keyCode));
		});
	</script>
</head>

<body>
	<div id="main">Keybind!</div>
</body>
</html>